@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0){
    .news ul li a {
        margin-left: 3px !important;


} }
/*
版本 1.0
作者 skyhot
时间 2012.9.6
*/

/*初始化*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, table, tbody, tfoot, thead, tr, th, td, p,article{
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
.dots{
    z-index: 5;
}
body {
	min-width: 960px;	
	font-size:12px;
	font-family:"Microsoft YaHei",微软雅黑,Arial,sans-serif,"Lucida Grande","Lucida Sans Unicode",Helvetica,Verdana,'Tahoma';
	/*-webkit-text-size-adjust:none;*/
	background:#f4f4f4;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal
}
ol, ul {
	list-style: none
}
div
{
	display:block
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img{
	border: none;
}
a{
	text-decoration:none;
}
.clear{
	clear:both
}
.mid{
	width:960px;
	margin:0 auto;
	position:relative;
}
.clearfix:before,.clearfix:after{
	display: table;
	line-height: 0;
	content:"";
}
.clearfix:after{
	clear: both;
}
/****************banner****************/
.banner { position: relative; overflow: auto;  margin:0 auto;}
.banner li { list-style: none; }
.banner ul li { float: left;  height: 400px; position: relative;}
.banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    *left:500px;
    *right:500px;
    bottom: 20px;
    text-align: center;
}
.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    *float:left;
    text-indent: -999em;

    border: 2px solid #fff;
    border-radius: 7px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
.banner .dots li.active {
    background: #fff;
    opacity: 1;
}

.banner-go {
    display: block;
    width: 150px;
    height: 50px;
    position: absolute;
    z-index: 6;
    top: 220px;
    left: 381px;
}
/****show_info_block***********/
#show_info_block{
	background: #ffffff;
	border-bottom: solid 3px #dfdfdf;
}
.partner{
	position:relative;
	margin: 12px auto;
	text-align: center;
}
.partner a{
	font-size: 16px;
	color: #5d5d5d;
}
.partner  strong{
	color: #c00;
	font-size: 18px;
}
.partner em { 
	display:inline-block;
	padding: 0 2px;
	font-size: 26px;
	position: relative;
	top: 2px;	  
}
.partner .list{
	background:#FFF;
	text-align:center;
	width:958px;
	height: 80px;
	padding-top:0px;
	overflow:hidden;
	margin:0px auto;
	z-index:7;
	position:relative;
}
.bx_wrap {
	padding-top:12px;
	padding-bottom:2px;
	margin:0 auto; 
	width:900px; 
	overflow:hidden;
}
/*防止js加载时，列表没有平铺开*/
.bx_wrap ul{
	width: 999999px; position: relative; 
}
.bx_wrap li{
	float: left;
	margin-right: 18px;
	height: 55px;
    width: 135px;
    overflow: hidden;
}
/*end*/
.bx_wrap ul li{
	text-align:center
}
.bx_wrap ul li a:hover{
	text-decoration:none; 
	color:#f30
}
.bx_wrap a.prev {
	width:16px;
	height:55px;
	outline-style:none;
	outline-width: 0;
	position:absolute; 
	top:15px; 
	left:0; 
	text-indent:-999em; 
	background: url(/static/images/icon/prev-horizontal.png) -18px 0px no-repeat; 
	z-index:1000;}
.bx_wrap a.next {
	width:16px;
	height:55px;
	outline-style:
	none;outline-width: 0;
	position: absolute;
	top:15px; 
	right:0; 
	text-indent:-999em; 
	background: url(/static/images/icon/next-horizontal.png) -20px 0px no-repeat; 
	z-index:1000;
}
/****detail**********/
#detail-left{
	float:left;
	width: 600px;
	height: 422px;
}
#detail-left dl{
	width: 226px;
	height: 120px;
	padding: 8px 0 14px 40px;
	color: #999999;
	font-size: 14px;
	float: left;
}
#detail-left dl.dl-r{
	padding-left: 48px;
}
#detail-left dl h5{
	color: #333333;
	font-size: 18px;	
}
#detail-left dl i{
	width: 48px;
	height: 48px;
	float: left;
	display: inline-block;
}
#detail-left dl h5,#detail-left dl p {
	clear: none;
	padding-left: 58px;
	line-height: 24px;
}

#detail-left dl i#detail-ico1{
	background:url(../images/feature-ico.png) 0px 1px no-repeat;
}
#detail-left dl i#detail-ico2{
	background:url(../images/feature-ico.png) -48px 1px no-repeat;
}
#detail-left dl i#detail-ico3{
	background:url(../images/feature-ico.png) 0px -48px no-repeat;
}
#detail-left dl i#detail-ico4{
	background:url(../images/feature-ico.png) -48px -48px no-repeat;
}
#detail-left dl i#detail-ico5{
	background:url(../images/feature-ico.png) 0px -97px no-repeat;
}
#detail-left dl i#detail-ico6{
	background:url(../images/feature-ico.png) -48px -97px no-repeat;
}

#detail-right {
	width: 360px;
	float: right;
	font-size:14px;
}

#detail-right h1{
	display: inline-block;
	font-size:18px;
	color:#333333;
}
#detail-right a.more-news, #detail-right span.more-news{
	float: right;
	line-height: 24px;
	color: #c00;
}
#detail-right a.more-news:hover{
	text-decoration: underline;
}
#detail-right ul{
	margin-top: 14px;
}
#detail-right li{
	padding:8px 0;
}
#detail-right li a{
	color:#585858;
}
#detail-right li span{
	font-size: 12px;
	color: #999999;
	display: inline-block;
	margin-right: 14px;
}
.detail a:link, .detail li a:active, .detail li a:visited{
	text-decoration:none;
}
.text li a:hover{
        text-decoration:underline;
}
/******foot******/

#foot .foot{
    font-size:12px;
    padding-top:22px;
    width: 960px;
    margin: 0 auto;
    background:#f8f9fa;
 }
#foot {
    border-top: 1px solid #e6e6e6;                                                                                                                                            
    background:#f8f9fa;
    margin-top: 0px !important;
}
#foot .foot .konwnseclogo{
   float:left;
   width:130px;
   margin-top:18px;
   text-align:center;
}
#foot .foot ul{
	float:left;
	width:120px;
	padding:10px 0;
	margin-bottom:10px;
	margin-top:0px;
}
#foot .foot ul li{
	height:30px;
    width:170px;
}

#foot .foot ul li a{
	color:#848484;
	
	display:inline-block;
	
}
#foot .foot ul li a:hover{
	text-decoration:underline;
}
#foot .foot ul .title{
	color:#4C4C4C;
	font-weight:bolder;
}

.copyright{ 
	color:#585858; 
	float:right; 
	font-size:12px;
	text-align:right
}
.copyright #tongj_code{
	display:none
}
.copyright #scanv_logo{
	margin-top:4px;
}


.friend_block{
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
   	padding-bottom: 10px;
}
#friend_links{
	width: 960px;
	padding: 0;
	clear: both; 
	display: table; 
}
#friend_links dd{
	float:left;
	height:20px;
	padding:0 8px;
}
#friend_links dt{
	float:left;
	height:20px;
	font-weight:bold;
	color:#575757;
	margin: 0 4px;
}
#friend_links dd a{
	color:#585858;
}
#friend_links dd a:hover{
	color: #0088cc;
}

#cus_ser{
	z-index:9999;
	width:32px; 
	height:142px; 
	position: fixed; 
	right:0px; 
	color:#FFF; 
	top:200px; 
	overflow:hidden;
}
.cus_ser_{
	width:168px; 
	height:112px; 
	background:#0065d1;
	border-bottom-left-radius:4px;  
	border-top-left-radius:4px;
	overflow:hidden;
}
#cus_ser li#clear-zqq {
	margin-left: -10px;
	background: none;
}
#cus_ser .title{ 
	width:32px; 
	height:112px; 
	float:left; 
	background:url(../images/zxzx.jpg); 
	cursor:pointer;
}
#cus_ser  ul{ 
	padding:10px 0px 0px 2px; 
	width:132px; float:left;
}
#cus_ser  ul li#zqq{ 
	height:30px; 
	line-height:30px; 
	display:block; 
	font-size:12px; 
	padding-left:24px; 
	background:url(../images/zqq.png) no-repeat 2px 7px;
}
#cus_ser  ul li#zphone{ 
	height:30px; 
	line-height:30px; 
	display:block; 
	font-size:12px; 
	padding-left:24px; 
	background:url(../images/zphone.png) no-repeat 2px 8px;
}
#cus_ser  ul li#wb{ 
	height:30px; 
	line-height:30px; 
	display:block; 
	font-size:12px; 
	padding-left: 12px;
}
#cus_ser  ul li a{ 
	color:#FFF;
}
#cus_ser  ul li a:hover{ 
	text-decoration:underline;
}
#cus_ser .close{ 
	display:inline-block; 
	width:16px; 
	height:16px; 
	overflow:hidden; 
	cursor:pointer; 
	margin-right:4px; 
	float:right;
}
.hidden {
	display: none;
}
.content-block {
	background: #fff;
}
.toolbar {
	border-bottom: 1px solid #e4e4e4;
	height: 50px; 
	
	
}

.toolbar a,.toolbar div {
    
	/*float: right;*/
}
.toolbar .move{
	width: 960px;	
	margin: 0 auto;

}

.right .move_btn{
    width: 307px;
    height: 86px;
    background-image: url(../images/move_site.png); 
    background-repeat: no-repeat;
    background-position: 0 0px;
    float: left;
    font-size: 16px;
    color: #fff;
    margin: 27px 0 0 0px;
    cursor: pointer;
    opacity: 1;
    border-radius: 20px;

}
.right .move_btn:hover{
    background-position: 0 -87px;
}
.toolbar .move .move_btn:active{
    opacity: 1;
}
.toolbar .move .move_btn a{
    text-decoration: none;
    color:#fff;
}
.toolbar a#to_qq{
	color: #1463da;
	float: left;	   
}
.toolbar a.tool {
	margin: 12px 30px 12px 0;
}
.toolbar .contact {
	font-size: 14px;	
	margin: 15px 30px 15px 0;
	width: 180px;
	display: inline-block;
}
.toolbar .contact span{
	float: left;
}
.toolbar .anti-ddos {
	margin: 10px auto;
	padding: 5px 28px;
	font-size: 16px;
}
a.anti-ddos:hover {
	background: #0ab041;
}
.icon-contact-tel {
	background:url(../images/index.png) no-repeat -107px -7px;
	height: 18px;
	width: 18px;
	display: inline-block;
	vertical-align: -4px;
	margin-right: 5px; 
	margin-top: 1px;
	float: left;	   
}
.icon-contact-qq {
	background:url(../images/index.png) no-repeat -132px -6px;
	height: 18px;
	width: 18px;
	display: inline-block;		
	vertical-align: -3px;
	margin-right: 5px;
	margin-top: 1px;
	float: left;	
}
.wzgj-green {
	background: #01d033;
	background: linear-gradient(top, #01d033 0%, #0ab041 100%);
	background: -o-linear-gradient(top, #01d033 0%, #0ab041 100%);
	background: -moz-linear-gradient(top, #01d033 0%, #0ab041 100%);
	background: -ms-linear-gradient(top, #01d033 0%, #0ab041 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #01d033),color-stop(1, #0ab041));
	font-size: 14px;
	color: #fff;
}
.customer {
	width: 960px;
	margin: 14px auto;
}
.content-title {
	font-size: 16px;
	height: 30px;
	line-height: 30px;
}
.title-head {
	display: inline-block;
	width: 4px;
	height: 16px;
	background: #0167d3;
	margin-right: 10px;
	line-height: 16px;
	float: left;

	margin-top: 8px;	
}
.middle-content {
	width: 980px;
	margin: 45px auto -10px auto;
}
.middle-content .left {
	float: left;
	width: 660px; 
}
.middle-content .right {
	float: right;
	width: 300px;	
}

.feature{
    margin-top: 13px;
}
.feature-detail {
	padding: 0 10px 0 90px;					
    margin:0 20px  40px 0;
    width: 200px;
    color: #888;
    *float:left;
    *height:150px;
    display: inline-block;
    vertical-align: top;
}
.feature-detail-last-row { margin-bottom: 0; }
.feature-title {
    font-size: 16px;
    color: #000;
    line-height: 16px;
    margin-top: -7px;
}
.feature-desc {
    font-size: 14px;	
    margin-top: 11px;
    color: #585858;
    line-height: 22px;
}
.feature-defence {
	background:url(../images/index.png) no-repeat 0 -40px;
	height: 122px;
	width: 170px;
	display: inline-block;		
	float: left;	 
}
.feature-traffic {
	background:url(../images/index.png) no-repeat -179px -40px;
	height: 122px;
	width: 170px;
	display: inline-block;		
	float: left;	 
}
.feature-dns {
	background:url(../images/index.png?20131230) no-repeat -358px -172px;
	height: 122px;
	width: 170px;
	display: inline-block;	
	float: left;	 
}
.feature-cdn {
	background:url(../images/index.png) no-repeat -358px -40px;
	height: 122px;
	width: 170px;
	display: inline-block;	
	float: left;	 
}
.feature-seo {
	background:url(../images/index.png) no-repeat -537px -40px;
	height: 122px;
	width: 170px;
	display: inline-block;		
	float: left;	 
}
.move_text strong{
	margin-top: 20px;
	font-size: 14px;
	float: left;	
	color: #888;
}
.toolbar .hotline span{
	font-size: 14px;
	font-weight: bold; 
	margin-top: -5px;
	color: #888;
}
.toolbar .qq_server{
	background:url(../images/qq_server.jpg) no-repeat;
	height: 26px;
	width: 112px;
	display: inline-block;
	margin-top: 10px;
	margin-left: 30px;
	position: relative;
	top: 5px;
}
#marquee {
	background:none;
	border:none;
	margin-top: 15px;
	float: left;
}
#marquee a{
	color: #848484;
	line-height: 22px;
	font-family: "Microsoft YaHei",微软雅黑;
}
#marquee a:hover{
	color: #0d82e1;
	text-decoration: none;
}
.hotline{
float: right;

}
a.more-news, a.more-help{
	float: right;
	line-height: 24px;
	color: #848484;
	font-size: 13px;
	margin-top: 5px;
	text-decoration: none;

}
a.more-news:hover, a.more-help:hover{
	color: #0d82e1;
	
}

.news {
	font-size: 14px;
 	margin-top: -8px;
  	height: 120px;
}
.news ul{
	margin: 6px 0 0 -15px;
   	color:#585858;
}
.news ul li{
	padding: 4px 0 4px 15px;
	line-height: 22px;
   	color:#333333;
   	list-style: square inside url('../images/index_dot.png') ;
}
.news ul li a{
	color: #848484;
	line-height: 22px;
    margin-left: -3px;
}
.news ul li a:hover{
	color: #0d82e1;
	text-decoration: none;
}
.news ul li span{
	font-size: 14px;
	color: #999999;
	display: inline-block;
	margin-right: 14px;
}
.news ul li span.blueicon{

	display: inline-block;
	height: 5px;
	width: 5px;
	background: 
}
.news li a {
	text-decoration: none;
	color: #585858;
}
.news li a:hover {
	text-decoration: underline;
}
.help {
	height: 146px;
	font-size: 14px;
}
.help ul {
	margin: 12px 0 20px 15px;
}
.help ul li{
	list-style: disc;
	margin-bottom: 15px;
	line-height: 20px;
}
.help ul li a {
	color: #585858;
	line-height: 18px;
}
.help a:hover {
	text-decoration: underline;
}
.video {
	margin-top: 17px;
	z-index: 0;
}
.videoModal {
	width: 690px;
	height: 540px;
	position: fixed;
	top: 10%;
	left: 50%;
	z-index: 1050;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.3);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: 0;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	box-shadow: 0 10px 20px rgba(0,0,0,0.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	margin: 0 0 0 -330px;
}
.videoModal .modal-body {
	margin: 0 20px;
}
.videoModal .modal-header {
	padding: 10px 20px;
	color: #333;
}
.videoModal .modal-header h3 {
	font-weight: bold;
}
.close-modal {
	float: right;
	margin-top: -20px;
}
.icon-close-modal {
/*	background-image: url("../images/icon/icon-init-dns.png");  */
	background-repeat: no-repeat;
	display: inline-block;
	height: 18px;
	width: 18px;
	background-position: -230px -15px;
}
.icon-whats-wzgj {
	background:url(../images/icon/icon-whats-wzgj.png) no-repeat 0 0;
	height: 212px;
	width: 350px;
	display: block;
}
.webmaster {
	margin: 20px 0 40px 20px;
}
.webmaster-story {
	margin: 20px auto;
	width: 960px;
}
.webmaster-story .webmaster-photo,.webmaster-story .webmaster-detail {
	display: inline-block;		
}
.webmaster-story .webmaster-photo{
	float: left;
}
.webmaster-story .webmaster-detail {
	width: 732px;
	vertical-align: top;
	border: 1px solid #e6e6e6;
	padding: 18px;
}
.webmaster-title {
	font-size: 16px;
	color: #333333;
}
.webmaster-desc p {
	padding: 10px 0;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #585858;
}
.icon-webmaster-photo-1 {
	background:url(../images/index.png) no-repeat 0 -172px;
	height: 132px;
	width: 132px;
	display: inline-block;		
}
.icon-webmaster-photo-2 {
	background:url(../images/index.png) no-repeat -153px -172px;
	height: 132px;
	width: 132px;
	display: inline-block;		
}
.icon-webmaster-illustration {
	background:url(../images/index.png) no-repeat 0 -313px;
	height: 80px;
	width: 605px;
	display: inline-block;
}
.icon-webmaster-arrow {
	background:url(../images/index.png) no-repeat -292px -172px;
	height: 34px;
	width: 17px;
	float: left;
	margin-right: 18px;
	display: inline-block;
	position: relative;
	top: 54px;
	left: 19px;
}
div.popover-content {
	display:none;
	position: relative;
	top: 45px;
	padding: 5px;
	border: 1px solid #e6e6e6;
	float: none;
	width: 120px;
	height: 120px;
	left: 310px;
	z-index: 100;
	background: #fff;
	float: none;
}
.icon-popover-arrow {
	background:url(../images/index.png) no-repeat -318px -172px;
	height: 12px;
	width: 22px;
	display: block;	
	position: absolute;
	top:-9px;
	left: 50px;
}
.icon-weixin-big {
	width: 120px;
	height: 120px;
	display: block;
	background: url("../images/weixin.png") no-repeat 0 0;
}
.icon-weixin-small {
	width: 80px;
	height: 80px;
	display: block;
	background: url("../images/weixin.png") no-repeat -130px 0;
}

/************** ppt  ****************/

#ppt_modal{
	position: absolute;
	top:0;
	left: 0;
}
#ppt_modal a#prev,#ppt_modal a#next{
	height: 194px;
	width: 60px;
	position: absolute;
	top: 50%;
	margin-top: -102px;
	cursor: pointer;
}
#ppt_modal a#prev:hover,#ppt_modal a#next:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter: alpha(opcity=70);
}
#ppt_modal a#next:active{
	background: url("/static/images/ppt/wzgj_guide_btn.png") no-repeat 9px;
}
#ppt_modal a#prev:active{
	background: url("/static/images/ppt/wzgj_guide_btn.png") no-repeat -147px;
}
#ppt_modal a#prev{
	left: -70px;
	background: url("/static/images/ppt/wzgj_guide_btn.png") no-repeat -95px;
}
#ppt_modal a#next{
	right: -72px;
	background: url("/static/images/ppt/wzgj_guide_btn.png") no-repeat -43px;
}
#ppt_modal a.move_ppt{
	height: 22px;
	width: 22px;
	position: absolute;
	cursor: pointer;
	top: 8px;
	right: 8px;
	background: url("/static/images/ppt/icon_ppt_close.png") no-repeat -32px;
}
#ppt_modal a.move_ppt:hover{
	background: url("/static/images/ppt/icon_ppt_close.png") no-repeat;

}
#ppt_modal button{
	position: absolute;
	bottom: 12px;
	right: 12px;
}
#ppt_modal #pageNumber{
	position: absolute;
	bottom: 12px;
	right: 120px;
	font-size: 12px;

}
#ppt_main{
	position: fixed;
	height: 578px;
	width: 960px;
	left: 50%;
	top: 50%;
	margin-top: -290px;
	margin-left: -480px;
	background: #fff;
	z-index: 2000;
}
#ppt_main #ppt-title{
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -150px;
	height: 54px;
	width: 304px;
	background: #4d97dd; 
	z-index: 2001px;
}
#ppt_main .icon-ppt-title{
	margin: 16px 20px;
	width: 262px;
	height: 22px;
	background: url("/static/images/ppt/wzgj_guide_title.png") no-repeat;
	display: block;
}
#ppt_main #ppt_list li{
	float:left;
	margin: 0;
	width: 960px;
	height: 578px;
	list-style: none;
}
#ppt_main .overflow{	
	overflow: hidden;
}
#ppt_main #ppt_list{
	margin: 0;
	overflow: hidden;
	list-style: none;
}
#ppt_main #sub_btn{
	position: absolute;
	bottom: 12px;
	right: 20px;
	margin: 0;
	height: 14px;
	width: 120px;
	list-style: none;
	z-index: 2005;
}
	
#ppt_main #sub_btn li{
	margin: 0;
	list-style: none;
	float: left;
	height: 14px;
	width: 18px;
	background: #eee;
}
.ppt-contact {
	position: absolute;
	bottom: 65px;
	left: 60px;
	color: #8E8D8D;
}
.ppt-contact a.contact-link {
	text-decoration: none;
	color: #585858;
	font-size: 14px;
	padding: 3px 13px;
	border: 1px solid #dedede;
}
.ppt-contact a.unclickable {
	margin-left: 10px;
	text-decoration: none;
	cursor: default;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop, .modal-backdrop.fade.in {
	opacity: .8;
	filter: alpha(opacity=80);
}
.wzgj-blue {
	line-height: 12px;
	font-size: 14px;
	background: #2780cb;
	background: linear-gradient(top, #348cd6 0%, #1a74c0 100%);
	background: -o-linear-gradient(top, #348cd6 0%, #1a74c0 100%);
	background: -moz-linear-gradient(top, #348cd6 0%, #1a74c0 100%);
	background: -ms-linear-gradient(top, #348cd6 0%, #1a74c0 100%);
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #348cd6), color-stop(1, #1a74c0) );
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	border: none;
	border-bottom: solid 2px #105086;
	border-radius: 4px;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	padding: 8px 15px;
}
/*****Xmas*****/
#newYearBlock, #newYearImg2{
	width: 245px;
	height: 95px;
	display: inline-block;	
}
#newYearBlock{
	margin: 0;	
	position: absolute;
	left: -94px;
	z-index: 1010;
}
#newYearImg1{
	position: absolute;
	z-index: 1010;
}
#newYearImg2{
	background: url("../../static/images/newYearImg2.png") 0 0 no-repeat;
	position: absolute;
	top: -100px;	
	z-index: 1011;
}
.feature-img{
    background: url(../../static/images/icon-all.png)  no-repeat;
    height: 84px;
    width: 84px;
    float: left;
    margin-left: -90px;
}
.fast{
    background-position: -12px -12px;
}

.safety{
    background-position: -106px -12px;
}

.stable{
    background-position: -10px -108px;
}
.easy{
    background-position: -109px -108px;
}
.horizontal-news li{

    float: left;
    margin-left: 20px;
    width: 320px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* 案例部分 */
.index-case{
	width: 1045px;
	/* margin: 30px auto;
	border-top: 1px solid #e6e6e6; */
	padding-top: 20px;

}
.index-case>p{
	font-size: 16px;
	color: #505050;
	font-weight: bold;
	margin-bottom: 20px;
}
.index-case .left-btn { 
	cursor: pointer;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 80px;
	background: url(../img/case_btn.png) no-repeat -45px -1px;
}
.index-case .left-btn:hover { 
	background-position: -2px -1px
}
.index-case .right-btn{ 
	cursor: pointer;
	float: right;
	width: 32px;
	height: 32px;
	margin-top: 80px;
	background: url(../img/case_btn.png) no-repeat -1px -37px;
}
.index-case .right-btn:hover { 
	background-position: -45px -37px
}
.index-case .case-list{ 
	float: left;
	width: 900px;
	height: 180px;
	overflow-x: hidden;
	margin-left: 32px;
}
.index-case .case-list ul{
	width: 2000px;
	position: relative;
}
.index-case .case-list li{
	float: left;
	/* border: 1px solid #e6e6e6; */
	margin-left: 15px;
	width: 165px;
	height: 165px;
	text-align: center;
 }
.index-case .case-list li img{
	width: 165px;
	height: 165px;
	margin-top: 10px;
}